@import '../../../styles/theme.less';

.form {
  max-width: 800px;
  margin: 0 auto;
  padding: @padding-lg;
  background: #fff;
  border-radius: @border-radius-base;

  :global {
    // 表单分组样式
    .form-section {
      padding: @padding-lg;
      background: linear-gradient(to right, rgba(24, 144, 255, 0.02), transparent);
      border-radius: @border-radius-base;
      border: 1px solid rgba(24, 144, 255, 0.1);

      .section-title {
        margin-bottom: @margin-md;
        font-size: 16px;
        font-weight: 500;
        color: @text-color;
        display: flex;
        align-items: center;
        gap: @padding-sm;
      }
    }

    // 表单项样式
    .ant-form-item {
      margin-bottom: @margin-lg;

      &-label {
        font-weight: 500;
        
        > label {
          height: 32px;
          color: @text-color;
          
          &::after {
            margin: 0 12px 0 4px;
          }
        }
      }

      &-explain {
        font-size: 13px;
      }
    }

    // 输入框样式
    .ant-input,
    .ant-select-selector,
    .ant-picker {
      border-radius: 6px;
      border-color: #d9d9d9;
      transition: all 0.3s;

      &:hover {
        border-color: @primary-color;
      }

      &:focus,
      &-focused {
        border-color: @primary-color;
        box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);
      }
    }

    // 文本域样式
    .ant-input-textarea {
      .ant-input {
        min-height: 120px;
      }
    }

    // 上传组件样式
    .ant-upload-drag {
      border-radius: @border-radius-base;
      border: 2px dashed #d9d9d9;
      background: #fafafa;
      transition: all 0.3s;

      &:hover {
        border-color: @primary-color;
        background: rgba(24, 144, 255, 0.02);
      }
    }

    // 上传列表样式
    .ant-upload-list {
      margin-top: @margin-md;

      &-item {
        border-radius: 4px;
        padding: 8px 12px;
        transition: all 0.3s;

        &:hover {
          background: rgba(24, 144, 255, 0.05);
        }

        &-name {
          color: @text-color;
        }
      }
    }
  }
} 